require('normalize.css/normalize.css');
require('styles/App.css');
let In8 = require('../sources/in8/zh_cn');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'

const  product_zy =In8.Product_5.product_zy;//`六大职业`;
const  zy_1 =In8.Product_5.zy_1;// `游戏中共分6个职业：剑士、魔法师、修士、暗行者、射手、噬魂师`;
const  zy_2 =In8.Product_5.zy_2;// ` 剑士：`;
const  zy_3 =In8.Product_5.zy_3;// `剑士经过长时间的修行，练就了强大的防御力和近战攻击能力，可以说，如果让战士能够顺利接近目标，他们能够摧毁一切的阻碍。
//他们大多投身军旅和佣兵团，无论身处何处他们都是团队的核心。`;
const  zy_4 =In8.Product_5.zy_4;// `魔法师：`;
const  zy_6 =In8.Product_5.zy_6;// `魔法师专注于他们对精神的修炼，通过贯注精神来与元素进行沟通，借助元素的力量有效打击敌人。可以说，魔法师的攻击方式是所有职业中最繁琐但同时也是杀伤力最大的，如果给予他们足够的时间，任何事物都将倒在他们面前。`;
const  zy_7 =In8.Product_5.zy_7;// `修士：`;
const  zy_8 =In8.Product_5.zy_8;// `修士是神的仆从，他们可以借助于神的审判之力使用强大的雷系魔法。
//当然，修士在一个小队中的作用远不止如此，他们对于神的信仰让他们获得了庇佑队友的能力，使整个队伍免于遭受巨大的伤害，可以说是团队中不可缺少的存在。`;
const  zy_9 =In8.Product_5.zy_9;// `暗行者：`;
const  zy_10 =In8.Product_5.zy_10;// `作为黑暗精灵一族，他们将自己的一切奉献给黑暗之神，从而得到了与黑暗亲近的力量。
//暗行者能够将制造绝对的黑暗，将自己的身形潜藏其中，悄悄接近敌人，在其不备的情况下发起致命的一击。
//与剑士不同，虽然暗行者也是近战职业，然而他们追求的是一击必杀而不是持久的战斗。`;
const  zy_11 =In8.Product_5.zy_11;// ` 射手：`;
const  zy_12 =In8.Product_5.zy_12;// `作为光明精灵他们是森林中最危险与精明的生物。他们遵从大自然的规律，天生具有夜视及远视能力，这使他们在箭术与投掷上天生俱有无比的优势。
//可以说射手是最具攻击力的远程物理职业，任何猎物被其盯上都将难以脱身。`;
const  zy_13 =In8.Product_5.zy_13;// `噬魂师：。`
const  zy_14 =In8.Product_5.zy_14;// `作为复生后的种族，他们对于鲜血和死亡的渴望远超其它生物，这让他们拥有强大的战斗能力。
//噬魂师的攻击不是针对敌人的肉体，而是他们的灵魂，让对手陷于无尽的恐惧中才是他们的拿手好戏。`;


class Product_5 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render(){
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.Product_1_head}>
                <b>{product_zy}</b>
              </h2>

              <div style={{fontSize:'14px'}}>
                <p>{zy_1}</p>
              </div>
              <div className={styles.product_info}>
                <b>{zy_2}</b>
                <p>{zy_3}</p>
                <b>{zy_4}</b>
                <p>{zy_6}</p>
                <b>{zy_7}</b>
                <p>{zy_8}</p>
                <b>{zy_9}</b>
                <p>{zy_10}</p>
                <b>{zy_11}</b>
                <p>{zy_12}</p>
                <b>{zy_13}</b>
                <p>{zy_14}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row >
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product_5);
//News.defaultProps =  Form.create()(News);;

//export default News;
